// packageD/pages/chart3/chart3.js
import * as echarts from '../../../ec-canvas/echarts.min.js';
import { getUserInfo } from '../../../utils/userInfo';

function initChart(canvas, width, height, dpr) {
    const { _id } = getUserInfo();
    wx.cloud.callFunction({
        // 云函数名称
        name: 'reqQuestionAPI',
        // 传给云函数的参数
        data: {
            scene: 'GET_ALL_PIE_QUESTION',
            uid: _id
        },
    })
        .then(res => {
            console.log(res);
            const resArr = res.result.list;
            const chart = echarts.init(canvas, null, {
                width: width,
                height: height,
                devicePixelRatio: dpr // new
            });
            canvas.setChart(chart);

            var option = {
                legend: {
                    orient: 'vertical',
                    left: 'right'
                },
                backgroundColor: "#ffffff",
                series: [{
                    label: {
                        normal: {
                            fontSize: 14
                        }
                    },
                    type: 'pie',
                    center: ['50%', '50%'],
                    radius: ['20%', '40%'],
                    data: resArr.map(item => {
                        return {
                            name: item._id,
                            value: item.num
                        }
                    }),
                    emphasis: {
                        itemStyle: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    }
                }]
            };

            chart.setOption(option);
            return chart;
        })
}

Page({

    /**
     * 页面的初始数据
     */
    data: {
        ec: {
            onInit: initChart
        },
        showPage: false,
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        const that = this;
        setTimeout(() => {
            that.setData({
                showPage: true,
            });
        }, 2000);
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        wx.setNavigationBarTitle({
            title: '题型分类统计'
        })
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})